<template>
	<view>
		<!-- 浮动菜单按钮模块 -->
        <combutton :list="combutton_list" @click="clickCombutton"></combutton>
	</view>
</template>
<script>
//插件来源地址：https://ext.dcloud.net.cn/plugin?id=3408
//浮动按钮
import combutton from '@/components/com-float-button/com-float-button.vue';
export default {
	components: {
		//浮动按钮
        combutton
	},
	data () {
		return {
            //浮动菜单按钮列表初始化设置（按钮颜色大全：#FB605B、#609BF6、#49C38D、#FC9800、#BD94F8、#EAC583）
            combutton_list: [
                { id:'button1', name:'客服', url:'../../static/com-float-button-images/server.png', background:'#FB605B' },
                { id:'button2', name:'赚钱', url:'../../static/com-float-button-images/money.png', background:'#609BF6' },
                { id:'button3', name:'分享', url:'../../static/com-float-button-images/share.png', background:'#49C38D' }
            ]
		}
	},
	methods: {
		/**
         * 浮动按钮点击时触发事件（浮动的客服按钮）
         */
        clickCombutton(item) {
            console.log('您点击了按钮：'+item.name);
            if(item.id=='button1'){
                console.log('您点击了按钮：button1');
            }
        },
	}
}
</script>
<style>

</style>